<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div th:fragment="orderPage" class="content">
		<div class="card">
			<div class="card-header">收货地址</div>
			<div class="card-content">
				<div class="list-block media-list">
					<ul>
						<li>
							<div class="item-content">
								<div v-if="!needReceiver" class="item-inner">
									<div class="item-title-row">
										<div class="item-title">{{receiver.receiver}}</div>
										<div class="item-after">{{receiver.phone}}</div>
									</div>
									<div class="item-subtitle">{{receiver.province + receiver.city + receiver.region + receiver.address}}</div>
								</div>
								<div v-else class="item-inner">
									<div class="item-title button-warning"><a href="#" @click="gotoReceiverList">请增加收货地址</a></div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="card-footer"><span></span><span><a href="javascript:void(0);" class="button" @click="gotoReceiverList">变更</a></span></div>
		</div>
		<div class="card">
			<div class="card-header">订单商品</div>
			<div class="card-content">
				<div class="list-block">
					<ul>
						<li class="item-content" v-for="goods in order.goodses">
							<div class="item-inner">
								<div class="item-title">{{goods.name}}</div>
								<div class="item-after">{{goods.selectCount}} × {{goods.currentPrice_fmt}}</div>
								<div class="item-after">{{goods.totalPrice}}</div>
							</div>
						</li>
						<li class="item-content">
							<div class="item-inner">
								<div class="item-title">运费</div>
								<div class="item-after">{{order.shoppingFee_fmt}}</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="card">
			<div class="card-header">合计</div>
			<div class="card-content">
				<div class="list-block">
					<ul>
						<li class="item-content">
							<div class="item-inner">
								<div class="item-title">订单金额</div>
								<div class="item-after">{{order.orderFee_fmt}}</div>
							</div>
						</li>
						<li class="item-content">
							<div class="item-inner">
								<div class="item-title">计入销量</div>
								<div class="item-after">{{order.goodsFee_fmt}}</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="card">
			<div class="card-header">选择支付方式</div>
			<div class="card-content">
				<div class="list-block media-list">
					<ul>
						<li v-for="payType in payTypes">
							<label class="label-checkbox item-content" @click="checkPayType(payType)">
								<input type="radio" name="payTYpe" :checked="payType.checked">
		     					<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									<div class="item-title"><i class="iconfont" :class="payType.icon"></i>&nbsp;&nbsp;{{payType.name}}</div>
								</div>
							</label>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="card">
			<div class="card-header">备注</div>
			<div class="card-content">
            	<textarea v-model="order.remark" cols="20" rows="3" class="text-area"></textarea>
            </div>
		</div>
		<div class="content-block">
		    <p><a href="#" class="button button-big button-danger" @click="gotoPay">{{title}}</a></p>
		</div>
	</div>
</body>
</html>